<template>
	<div>
      	<div class="mainCategory">
            <div class="item" v-for="(item,index) in list" :key="index">
            	<div>
            		<img :src="item.categoryImageUrl" alt="" />
            	</div>
            	<div class="desc">{{item.categoryName}}</div>
            </div>           
      	</div>
	</div>	
</template>

<script>
import {getFun} from '@/api/publicFun.js'	 
let publicFun=getFun()	
export default {	
	data() {
       return {
          list:[] 
       }
	},
	methods: {	
       getData(){
       	  let that=this
	      this.$Axios.Get(this.$api+'/marketorderservice/api/v1/market/category/kjcategory/1/5')
	      .then(function(res) {
              that.list=res.categoryList
	      })       	
       }
	},
	mixins:[publicFun],//混入		
	mounted() {
		// this.getData()
	}
}	
</script>

<style scoped="">
.mainCategory{display: flex;padding: 0px 15px;}
.mainCategory .item{width: 20%;flex-direction:column;display: flex;justify-content: center;align-items: center;}
.mainCategory .item img{width: 40px;height: 40px;display: block;margin-bottom: 10px;}
</style>